<!--
Copyright 2015 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Family Link User Internals</title>
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<link rel="stylesheet" href="chrome://resources/css/list.css">
<link rel="stylesheet" href="family_link_user_internals.css">
</head>

<body>
<div id='info'>
  <div id='basic-info' class="section" jsselect="sections">
    <h2 jscontent="title"></h2>
    <table class="section-details">
      <tr jsselect="data"
            jsvalues="class:$this.is_valid ? '' : 'uninitialized'"
            jseval='highlightIfChanged(
                this, this.children[1].innerText, stat_value)'>
        <td class="detail" jscontent="stat_name" width=50%></td>
        <td class="value" jscontent="stat_value" width=50%></td>
      </tr>
    </table>
  </div>

  <div class="section" jsskip="true">
    <h2>Try a URL</h2>
    <form id="try-url">
      <input id="try-url-input" type="text">
    </form>
    <table class="section-details">
      <tr>
        <td class="detail">Result</td>
        <td id="try-url-result" class="value"></td>
      </tr>
      <tr>
        <td class="detail">Manually allowlisted</td>
        <td id="manual-allowlist" class="value"></td>
      </tr>
    </table>
  </div>

  <div id='user-settings' class="section">
    <h2>Family Link User Settings</h2>
    <table class="section-details">
      <tr jsselect="settings">
        <td jscontent="key"></td>
        <td><pre jscontent="value"></pre></td>
      </tr>
    </table>
  </div>

  <div class="section" id="filtering-results-container-wrapper" jsskip="true">
    <h2>Filtering Results</h2>
    <div id="filtering-results-container">
      <div class="filtering-results-entry" jsselect="results">
        <div class="url" jscontent="url"></div>
        <span class="result" jscontent="result"></span>
        <span class="reason" jscontent="reason"></span>
      </div>
    </div>
  </div>
</div>

<script type="module" src="family_link_user_internals.js"></script>
</body>
</html>
